.sidebar {
    width: 20%;
    padding: 20px;
    border: 1px solid black;
}

.page-nav {
    width: 20%;
    height: 350px;
    /* 设置一个固定的高度 */
    overflow-y: auto;
    /* 允许内容在垂直方向上滚动 */
    border: 1px solid;
    /* 可选的边框样式 */
    border-radius: 5%;
    padding: 10px;
    /* 可选的内边距 */
    margin-top: 100px;
}

.page-nav h3 {
    text-align: center;
    color: rgb(190, 38, 38);
}

.page-nav ul {
    list-style-type: none;
    /* 移除默认的列表样式 */
    padding: 0;
    /* 移除默认的内边距 */
}

.page-nav li {
    padding: 5px 0;
    /* 给列表项添加一些垂直内边距 */
}

.article-container {
    width: 80%;
    margin-left: 10px;
    margin-top: 20px;
    padding: 20px;



}

.article h2 {
    text-align: center;
    color: rgb(190, 38, 38);
}

.article img {
    display: block;
    margin: auto;

}

.article p {
    text-indent: 2em;
    padding: 2px;
}